<template>
  <el-menu
    :default-active="activeIndex2"
    class="el-menu-demo"
    mode="horizontal"
    @select="handleSelect"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b">
    <el-menu-item index="1"><span style="font-size: 25px;font-weight: bold">档案管理系统</span></el-menu-item>
    <!--<el-submenu index="2">-->
      <!--<template slot="title">我的工作台</template>-->
      <!--<el-menu-item index="2-1">选项1</el-menu-item>-->
      <!--<el-menu-item index="2-2">选项2</el-menu-item>-->
      <!--<el-menu-item index="2-3">选项3</el-menu-item>-->
    <!--</el-submenu>-->
    <el-menu-item index="4" style="float: right;margin-right: 50px">注册</el-menu-item>
    <el-menu-item index="3" style="float: right;margin-right: 10px" @click="login">登录</el-menu-item>
  </el-menu>
</template>

<script>
    export default {
        name: "head",
        methods:{
          login() {
            this.$router.push('/login');
          }
        }
    }
</script>

<style scoped>

</style>
